<script setup>
const props = defineProps({
  check: {
    type: String,
    default: "",
  },
});
</script>

<template>
  <div class="main" :class="props.check">
    <slot></slot>
  </div>
</template>

<style lang="scss" scoped>
.main {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0.1875rem 0.5rem;
  border: 1px solid rgba(25, 186, 139, 0.17);
}
.bg1 {
  background: url("@/assets/images/panel_bg1.png");
  background-size: 100% 100%;
}
.bg2 {
  background: url("@/assets/images/panel_bg2.png");
  background-size: 100% 100%;
}
.bg3 {
  background: url("@/assets/images/panel_bg3.png");
  background-size: 100% 100%;
}
.bg4 {
  background: url("@/assets/images/panel_bg4.png");
  background-size: 100% 100%;
}
</style>